<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="NewSpotLight.css">
  </head>

  <canvas id="webgl" width="400" height="400">
    Please use a browser that supports "canvas"
</canvas>

  <div id="uiContainer">
    <div id="ui">
      <div id="rotation"></div>
      <div id="lightX"></div>
      <div id="lightY"></div>
      <div id="lightZ"></div>
      <div id="eyeX"></div>
      <div id="eyeY"></div>
      <div id="eyeZ"></div>
      <div id="innerLimit"></div>
      <div id="outerLimit"></div>
      <div id="shiness"></div>
    </div>
  </div>
  
    <body onload="main()">
    <script src="https://webglfundamentals.org/webgl/resources/webgl-lessons-ui.js"></script>
    <script src="../lib/webgl-utils.js"></script>
    <script src="../lib/webgl-debug.js"></script>
    <script src="../lib/cuon-utils.js"></script>
    <script src="../lib/cuon-matrix.js"></script>
    <script src="NewSpotLight.js"></script>
  </body>
</html>
